<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!doctype html>
<html class="no-js">
<head>
    <%@ include file="./../common/meta.jsp" %>
    <link rel="stylesheet" href="../../css/business-school.css">
    <link rel="stylesheet" href="owl-carousel/owl.carousel.css">
    <link rel="stylesheet" href="owl-carousel/owl.theme.css">
</head>

<header data-am-sticky class="am-header am-header-default am-no-layout">
    <div class="am-header-left am-header-nav">
        <a href="./business-school.jsp" class="">
            <i class="am-header-icon am-icon-chevron-left"></i>
        </a>
    </div>
    <h1 class="am-header-title">美容商学院</h1>
</header>

<body>

<div class="am-content">

    <%-- 滚动滚动 --%>
    <div data-am-widget="slider" class="am-slider am-slider-default"
         data-am-slider='{"controlNav":"thumbnails","directionNav":false}' data-am-flexslider="{playAfterPaused: 2000}">
        <ul class="am-slides" id="index-slides">
            <li>
            <img src="../../img/ds1.jpg">

            </li>
            <li>
            <img src="../../img/ds2.jpg">

            </li>
            <li>
            <img src="../../img/ds3.jpg">

            </li>
            <li>
            <img src="../../img/ds4.jpg">

            </li>
        </ul>
    </div>

    <%--学院动态展示区--%>
    <div class="sxy-box">
        <div class="det-title">课程安排</div>
        <div class="am-btn-group am-btn-group-justify">
            <a class="am-btn am-btn-default" role="button">美白保养班</a>
            <a class="am-btn am-btn-default" role="button">SPA班</a>
            <a class="am-btn am-btn-default" role="button">局部提升整形班</a>
        </div>
        <br>
        <div class="det-title">作品展示</div>
        <%--作品展示--%>
        <div class="am-slider am-slider-default am-slider-carousel"
             data-am-flexslider="{itemWidth: 200, itemMargin: 5, slideshow: false}">
            <ul class="am-slides">
                <li><img src="../../img/zp1.jpg" /></li>
                <li><img src="../../img/zp2.jpg" /></li>
                <li><img src="../../img/zp3.jpg" /></li>
                <li><img src="../../img/zp4.jpg" /></li>
            </ul>
        </div>

        <div class="det-title">资格证书及荣誉</div>
        <%--获得资格证书及荣誉--%>
        <div class="am-slider am-slider-default" data-am-flexslider>
            <ul class="am-slides">
                <li><img src="../../img/ry.jpg" /></li>
            </ul>
        </div>



        <div class="am-btn-group am-btn-group-justify">
            <a class="am-btn am-btn-link" href="./xuefei.jsp" role="button">学费及要求</a>
            <a class="am-btn am-btn-link" href="./baoming.jsp" role="button">我要报名</a>
        </div>





    </div>








</div>


<%@ include file="./../common/footerNav.jsp" %>
<%@ include file="./../common/footer.jsp" %>

</body>
</html>